<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录</title>
    <link rel="stylesheet" href="../css/login.css" />
    <script src="../style/login.less"></script>
    <script src="../js/index.js" type="module" id="login"></script>
    <script type="text/javascript" src="https://www.nowapi.com/style/jquery/1.11.3/jquery.min.js"></script>
    <link rel="stylesheet" href="../iconfont/iconfont.css" />
  </head>

  <body>
    <!-- 顶部天猫logo -->
    <div class="top-logo">
      <img src="../img/TB1_Gn8RXXXXXXqaFXXXXXXXXXX-380-54.png" alt="" />
    </div>
    <!-- 中部 -->
    <div class="main">
      <a href="https://www.tmall.com/?spm=a2240.7829288.0.0.18314fe5XVUkJy"
        ><img src="../img/download.png" alt=""
      /></a>

      <!-- 中部登录表单 -->
      <form action="post">
        <div class="login">
            <ul>
                <li class="tab1 active">密码登录</li>
                <li class="tab2">短信登录</li>
            </ul>
            <div class="display">
                <div class="one-info">
                <div class="icon">
                    <span class="iconfont icon-jurassic_user" id="icon"></span>
                </div>
                <div>
                    <input
                    type="text"
                    id="username"
                    placeholder="&nbsp;会员名/邮箱/手机号"
                    />
                </div>
                </div>
                <div class="one-info">
                <div class="icon">
                    <span class="iconfont icon-suoding" id="icon"></span>
                </div>
                <div>
                    <input
                    type="text"
                    id="username"
                    placeholder="&nbsp;请输入登录密码"
                    />
                </div>
                </div>  
                <button class="login-submit" type="submit">登录</button>
                <p class="other ">
                  <span>忘记密码</span>
                  <span>忘记用户名</span>
                  <span>免费注册</span>
                </p>
            </div>
            <div >
                <div class="one-info">
            <div class="icon">
                <span class="iconfont icon-jurassic_user" id="icon"></span>
            </div>
            <div>
                <input
                type="text"
                id="username"
                placeholder="&nbsp;会员名/邮箱/手机号"
                />
            </div>
                </div>
                <div class="one-info">
                <div class="icon">
                    <span class="iconfont icon-suoding" id="icon"></span>
                </div>
                <div>
                    <input
                    type="text"
                    id="username"
                    placeholder="&nbsp;请输入验证码"
                    />
                </div>
                </div>  
                <button class="login-submit" type="submit">登录</button>
                <p class="other">
                    <span>免费注册</span>
                </p>
            </div>
       </div>
      </form>
    </div>
  </body>
</html>
